<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    input是单标签,是行内元素
    form是块级元素
    <span>before</span>
    <form action="" method="GET" enctype="application/x-www-form-urlencoded">
        文本框：<input name="username" type="text" />
        密码框：<input name="pwd" type="password" />
        提交按钮：<input type="submit" value="登录" />
        重置按钮：<input type="reset" value="清空" />
    </form>
    <span>end</span>
    <hr>第二个
    value的使用：如果是用户填写，不需要填写value属性
                如果想要默认值、控件是选择的没有填写的地方，需要写
    <form action="" method="POST" enctype="multipart/form-data">
    <input type="hidden" name="acction" value="add" />
        <table>
            <tr>
                <td>编号：</td>
                <td><input type="text" name="id" value="9527" disabled/></td>
            </tr>
            <tr>
                <td>名称：</td>
                <td><input type="text" name="name" value="大侠" readonly/></td>
            </tr>
            <tr>
                <td>价格：</td>
                <td>
                    <input type="text" name="price" placeholder="请填写两位小数"/> 
                </td>
            </tr>
            <tr>
                <td>性别：</td>
                <td>
                    <label>
                          <input type="radio" name="gender" />男
                    </label>
                    <input id="famel"type="radio" name="gender" checked />
                    <label for="famel">女</label>
                </td>
            </tr>
            <tr>
                <td>
                    <td>兴趣爱好</td>
                    <input type="checkbox" name="hobbits" value="basketball" />篮球
                    <input type="checkbox" name="hobbits" value="football" />足球
                    <input type="checkbox" name="hobbits" value="pingpang" checked />乒乓球
                </td>
            </tr>
            <tr>
                <td>头像：</td>
                <td>
                    <input type="file" name="face" />
                </td>
            </tr>
            <tr>
                <td>地址:</td>
                <td>
                    <select name="address">
                        <option>江苏省</option>
                        <option selected>山西省</option>
                        <option>陕西省</option>
                    </select>
                    <select name="city" multiple>
                        <option>太原市</option>
                        <option selected>大同市</option>
                        <option>晋中市</option>
                    </select>
                    <select name="ad" multiple>
                        <optgroup label="山西省">
                            <option>太原市</option>
                            <option selected>大同市</option>
                            <option>晋中市</option>
                        </optgroup>
                    </select>
                </td>
            </tr>
            <tr>
                <td>自我介绍：</td>
                <td>
                    <textarea name="introduce" wrap="soft" rows="5">
                        默认值
                    </textarea>
                </td>
            </tr>
            <tr>
                <td><input type="submit" value="提交" /> </td>
                <td><input type="reset" value="清空" /></td>
            </tr>
        </table>
    </form>
    <iframe src="2-table.html">

    </iframe>
</body>
</html>